<template>
  <div class="comment">
    <van-sticky>
        <van-field
          v-model="message"
          rows="2"
          autosize
          type="textarea"
          maxlength="50"
          placeholder="发表评论"
          show-word-limit
        />
    </van-sticky>
    <van-list :finished="finished">
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
      <van-cell>哇咔咔！这个图片不错啊！~ <span style="margin-left: 20px">2019-10-14 10:12:22</span></van-cell>
    </van-list>
  </div>
</template>

<script>
  export default {
        name: "Enjoycomment",
        data(){
          return {
            value:1,
            message:'',
            finished:true
          }
        }
    }
</script>

<style scoped>
  .comment {
    margin-top: 33px;
  }
  .van-cell__title {
     text-align: left;
  }
  .van-field {
    border: 1px solid silver;
  }
</style>
